---
layout: example.html
title: Image Load Events
shortdesc: Example using image load events.
docs: >
  <p>Image sources fire events related to image loading.  You can
  listen for <code>imageloadstart</code>, <code>imageloadend</code>,
  and <code>imageloaderror</code> type events to monitor image loading
  progress.  This example registers listeners for these events and
  renders an image loading progress bar at the bottom of the map.</p>
tags: "image, events, loading"
---
<div class="wrapper">
  <div id="map" class="map"></div>
  <div id="progress"></div>
</div>
